<template>
  <div >
<div style=" height: 500px;width: 500px;background-color: lightpink;overflow-x: scroll;">
  <el-table
    :data="tableData"
    style="width: 800px"
    height="250">
    <el-table-column
      fixed
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="province"
      label="省份"
      width="120">
    </el-table-column>
    <el-table-column
      prop="city"
      label="市区"
      width="120">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      width="300">
    </el-table-column>
    <el-table-column
      prop="zip"
      label="邮编"
      width="120">
    </el-table-column>
  </el-table>

</div>
<div style="background-color: lightpink;width: 500px;height: 200px;overflow-x: scroll;overflow: hidden;">
  <div style="background-color: aqua;width: 1000px;height: 200px;"></div>
</div>
  </div>
</template><script>
import { orgList, getOught, capacity } from "../api/work";
import { getAlarm, getType } from "../api/alarm";
import tool from "@/utils/tool";
export default {
  name: "right",
  data() {
    return {
      isShow: true,
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1517 弄",
          zip: 200333,
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1519 弄",
          zip: 200333,
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1516 弄",
          zip: 200333,
        },
      ],
    };
  },
  computed: {},
  destroyed() {},
  created() {},
  mounted() {},
  methods: {
    handleClick(row) {
      console.log(row);
    },
    toggleLeftPanel() {
      this.isShow = !this.isShow;
      //   microApp
      //     .getGlobalData("PUBLIC_METHODS")
      //     .changeWidth(this.isShow, "right", 390);
    },
  },
};
</script>
<style>
  ::v-deep ::-webkit-scrollbar{
    display: block;
  }
</style>
